<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>申请审批</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
        content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <script type="text/javascript" src="../lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/xadmin.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/jquery.min.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row">
            <form class="layui-form">
                <div class="layui-form-item">
                    <label for="name" class="layui-form-label">
                        真实姓名
                    </label>
                    <div class="layui-input-inline">
                        <div id="name"
                            style="border: 1px solid #e6e6e6;padding-left: 6px;line-height: 38px;height: 38px;cursor: not-allowed;"
                            data-id="">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="type" class="layui-form-label">
                        证件号码
                    </label>
                    <div class="layui-input-inline">
                        <div class="layui-input-inline">
                            <div id="idCard"
                                style="border: 1px solid #e6e6e6;padding-left: 6px;line-height: 38px;height: 38px;cursor: not-allowed;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="type" class="layui-form-label">
                        考试地区
                    </label>
                    <div class="layui-input-inline">
                        <div class="layui-input-inline">
                            <div id="address"
                                style="border: 1px solid #e6e6e6;padding-left: 6px;line-height: 38px;height: 38px;cursor: not-allowed;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="type" class="layui-form-label">
                        联系方式
                    </label>
                    <div class="layui-input-inline">
                        <div class="layui-input-inline">
                            <div id="phoneNum"
                                style="border: 1px solid #e6e6e6;padding-left: 6px;line-height: 38px;height: 38px;cursor: not-allowed;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="type" class="layui-form-label">
                        申请等级
                    </label>
                    <div class="layui-input-inline">
                        <div class="layui-input-inline">
                            <div id="level"
                                style="border: 1px solid #e6e6e6;padding-left: 6px;line-height: 38px;height: 38px;cursor: not-allowed;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="type" class="layui-form-label">
                        <span class="x-red">*</span>审核结果
                    </label>
                    <div class="layui-input-block">
                        <input type="radio" lay-filter="isPassTest" name="isPassTest" id="isPassTest1" value="1"
                            title="通过">
                        <div class="layui-unselect layui-form-radio layui-form-radioed">
                            <div>通过</div>
                        </div>
                        <input type="radio" lay-filter="isPassTest" name="isPassTest" id="isPassTest2" value="2"
                            title="失败">
                        <div class="layui-unselect layui-form-radio">
                            <div>失败</div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item defeatReason" style="display: none;">
                    <label class="layui-form-label option"> <span class="x-red">*</span>失败原因</label>
                    <div class="layui-input-inline">
                        <input type="text" id="defeatReason" autocomplete="off" class="layui-input optionContent"
                            value="" style="height: 38px;" name="defeatReason">
                    </div>
                </div>
                <div class="layui-form-item whereTest">
                    <label class="layui-form-label option"> <span class="x-red">*</span>考试地点</label>
                    <div class="layui-input-inline">
                        <input type="text" id="whereTest" autocomplete="off" class="layui-input optionContent" value=""
                            style="height: 38px;" name="whereTest">
                    </div>
                </div>
                <div class="layui-form-item date">
                    <label for="date" class="layui-form-label">
                        <span class="x-red">*</span>考试时间
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="date" name="date" required="" class="layui-input" autocomplete="off"
                            class="layui-input" style="height: 38px;">
                    </div>
                </div>

                <div class="layui-form-item" style="text-align: center;margin:0!important">
                    <button type="button" lay-filter="add" lay-submit="" class="layui-btn">确定</button>
                    <button type="button" class="layui-btn layui-btn-primary" onclick="xadmin.close()">取消</button>
                </div>
            </form>
        </div>
    </div>
    <script>
        layui.use(['form', 'layer', 'laydate'],
            function () {
                $ = layui.jquery;
                var form = layui.form,
                    layer = layui.layer;
                var laydate = layui.laydate;
                //执行一个laydate实例
                laydate.render({
                    elem: '#date', //指定元素
                    type: 'datetime',
                    format: 'yyyy-MM-dd HH:mm'
                });
                // 监听单选
                form.on('radio(isPassTest)', function (data) {
                    if (data.value == 1) { //选通过不显示失败原因
                        $(".defeatReason").slideUp();//隐藏失败原因
                        $("#defeatReason").val("")

                        $(".whereTest").slideDown()//显示考试地点
                        $(".date").slideDown()//显示考试时间
                        $("#whereTest").val("")
                        $("#date").val("")
                    } else if (data.value == 2) { //选失败显示失败原因
                        $(".defeatReason").slideDown();
                        $("#defeatReason").val("")

                        $(".whereTest").slideUp()//隐藏考试地点
                        $(".date").slideUp()//隐藏考试时间
                        $("#whereTest").val("")
                        $("#date").val("")
                    };
                });
                //监听提交
                form.on('submit(add)',
                    function (data) {
                        //获取到表单信息
                        var date = ""; //时间
                        var defeatReason = ""; //失败原因
                        var isPassTest = ""; //是否通过
                        var whereTest = ""; //考试地点
                        id = $("#name").attr("data-id");
                        date = data.field.date; //获取考试时间
                        defeatReason = data.field.defeatReason; //获取失败原因
                        isPassTest = data.field.isPassTest; //获取是否通过
                        whereTest = data.field.whereTest; //获取考试地点
                        console.log(isPassTest)
                        if (isPassTest == undefined) {
                            layer.alert('请输入审批结果', {
                                title: "提示"
                            })
                            return false
                        } else if (isPassTest == 2 && defeatReason == "") {
                            layer.alert('请输入失败原因', {
                                title: "提示"
                            })
                            return false
                        } else if (isPassTest == 1 && whereTest == "") {
                            layer.alert('请输入考试地点', {
                                title: "提示"
                            })
                            return false
                        } else if (isPassTest == 1 && date == "") {
                            layer.alert('请输入考试时间', {
                                title: "提示"
                            })
                            return false
                        }
                        //发异步，发数据
                        $.ajax({
                            type: "get",
                            url: submitTestPeoPle,
                            data: {
                                id: id,
                                examineStatus: isPassTest,
                                refusalReasons: defeatReason,
                                examinationAddress: whereTest,
                                examinationTime: date
                            },
                            success: function (res) {
                                console.log(res)
                                if (res.msg == 0) {
                                    layer.alert("操作成功", {
                                        icon: 6
                                    }, function () {
                                        //关闭当前frame
                                        xadmin.close();
                                        // 可以对父窗口进行刷新
                                        xadmin.father_reload();
                                    });
                                } else {
                                    layer.alert(res.msg, function (index) {
                                        if (res.msg == "session已失效，请重新登录") {
                                            parent.parent.window.location.href =
                                                getRequestPrefix() +
                                                "/footBallAdmin/login.html"
                                            xadmin.close();
                                        } else {
                                            layer.close(index);
                                        }
                                    });
                                }
                            },
                            error: function (error) {
                                console.log(error)
                            }
                        })
                        return false;
                    });

            });
    </script>
</body>

</html>